<template>
    <div class="template" style="background-color: #ACE86D;">
        <img :src="home1" style="width: 70vw;margin-top: 10vh;max-height: 15vh;"/>
        <img :src="home2" style="width: 80vw;margin: 1vh 0;max-height: 40vh;" @click="router.push('/make')"/>
        <img :src="home3" style="width: 75vw;max-height: 30vh;" @click="router.push('/store')"/>
    </div>
</template>
<script setup>
import home1 from '../assets/home1@2x.png'
import home2 from '../assets/home2@2x.png'
import home3 from '../assets/home3@2x.png'
import { useRouter } from 'vue-router';
import { onMounted } from 'vue'
const router = useRouter()
onMounted(() => {
    if(!localStorage.getItem('MaskImageFirst')) {
        localStorage.setItem('MaskImageCoinsNum', 20)
        localStorage.setItem('MaskImageFirst', 1)
	}
})
</script>
<style scoped>

</style>
